<!-- <#include "/view/common/command/para.html"> -->
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>深圳市环境监控平台——工业废水专题</title>
	<link rel="stylesheet" type="text/css" href="http://localhost:8082/css/main.css">
	<link rel="stylesheet" type="text/css" href="http://localhost:8082/css/custom.css">

	<link rel="stylesheet" type="text/css" href="http://localhost:8082/js/jquery/easyui/v1.4/themes/metro/easyui.css">
	<link rel="stylesheet" type="text/css" href="http://localhost:8082/js/jquery/easyui/v1.4/themes/icon.css">

	<link rel="stylesheet" type="text/css" href="http://localhost:8082/js/plupload/v2.1.3/jquery.plupload.queue/css/jquery.plupload.queue.css?">

	<link rel="stylesheet" type="text/css" href="http://localhost:8082/js/toastr/toastr.css">

	<link rel="stylesheet" type="text/css" href="http://localhost:8082/js/arcgis/v39_api/3.9compact/js/esri/css/esri.css" />
	<link rel="stylesheet" type="text/css" href="http://localhost:8082/js/arcgis/v39_api/3.9compact/js/dojo/dijit/themes/claro/claro.css">

	<script>
	(function(window, undefined){
		// 初始化系统的目录
		/**
		 * 项目基础目录
		 */
		getBasePath = function(){
			return "${wdpRootPath}";
		};
		
		/**
		 * websocket基础目录
		 */
		getWebSocketPath = function(){
			return "${webSocketRootPath}";
		};

		/**
		 * 静态资源的目录 
		 */
		getJsBasePath = function(){
			// localhost
			return "${wdpjsRootPath}";
		};
		
		/**
		 * arcgis server服务根路径 
		 */
		getGisBasePath = function(){
			// localhost
			return "${arcServerRootPath}";
		};
		
		getHostBase = function(){
			return "${hostBase}";
		};
		
		//获取当前工业污染源类型：2 - 表示工业废水
		getWaterType = function(){
			return "2";
		}
		//获取安卓版本地址
		getAndroidVersion = function(){
			return "${androidUrl}";
		}
	}(window));
	</script>

	<script src="${wdpjsRootPath}/jquery/v1.7.2/jquery-1.7.2.min.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/jquery/easyui/v1.4/jquery.easyui.min.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/jquery/easyui/v1.4/easyui-lang-zh_CN.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/jquery/jquery.media.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/datetimepicker/jquery.datetimepicker.full.min.js?v=${Version}"></script>
	
	<script src="js/angular/v1.2.16/angular.js?v=${Version}"></script>
	<script src="js/angular-ui-router/v0.2.15/angular-ui-router.min.js?v=${Version}"></script>
	
	<script src="${wdpjsRootPath}/toastr/toastr.js?v=${Version}"></script>
	
	<script src="${wdpjsRootPath}/kindeditor/v4.1.10/kindeditor-min.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/kindeditor/v4.1.10/zh_CN.js?v=${Version}"></script>

	<script src="${wdpjsRootPath}/wdp/js/jquery.easing.1.3.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/js/jquery.select.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/js/jquery.nicescroll.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/js/jquery.itab.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/js/jquery.cookie.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/js/jquery.itabExtend.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/js/hoverIntent.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/js/superfish.min.js?v=${Version}"></script>

	<script src="${wdpjsRootPath}/plupload/v2.1.3/plupload.full.min.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/plupload/v2.1.3/jquery.plupload.queue/jquery.plupload.queue.min.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/plupload/v2.1.3/i18n/zh_CN.js?v=${Version}"></script>

	<script src="${wdpjsRootPath}/form/v1.1/itfreer.core.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/form/v1.1/itfreer.form.core.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/form/v1.1/itfreer.form.safe.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/form/v1.1/itfreer.form.builder.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/form/v1.1/itfreer.form.gis.js?v=${Version}"></script>

	<script src="${wdpjsRootPath}/arcgis/v39_api/3.9compact/init.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/form/v1.1/itfreer.arcgis.core.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/form/v1.1/itfreer.arcgis.draw.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/form/v1.1/itfreer.arcgis.geometryservice.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/form/v1.1/itfreer.arcgis.locator.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/form/v1.1/itfreer.arcgis.measure.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/form/v1.1/itfreer.arcgis.search.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/form/v1.1/itfreer.arcgis.book.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/form/v1.1/itfreer.arcgis.map.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/form/v1.1/itfreer.js?v=${Version}"></script>

	<script src="${wdpjsRootPath}/wdp/js/CommonDirectiveWasteWater.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/js/CommonInit.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/js/waterCommon.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/WasteWater/PollutePanelController.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/WasteWater/CompanyInfoManager.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/WasteWater/StationInfoManager.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/common/SearchPanelController.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/common/DataModificationController.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/common/DataAnalysisController.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/common/DataAnalysisService.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/common/IndustryPollDataReportController.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/common/DataReportService.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/common/StationMap.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/common/OnlineMonitorController.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/common/OperationManagerController.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/common/OperatorManagerService.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/common/OperationConfigController.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/common/DataValidationController.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/common/RemoteControlController.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/common/RemoveControlService.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/common/SafeDataController.js?v=${Version}"></script>
 	<script src="${wdpjsRootPath}/wdp/common/VideoControlService.js?v=${Version}"></script>
 	<script src="${wdpjsRootPath}/wdp/common/AlarmMangerController.js?v=${Version}"></script>
	<script src="wdp.do?v=${Version}"></script>
	<script src="${wdpjsRootPath}/wdp/common/wktUtil.js?v=${Version}"></script>
	<script src="${wdpjsRootPath}/echarts/echarts-all.js?v=${Version}"></script>
	
<!-- 	<@FileList dir="water/apps/common" >
	 	<#if fileList??>
      		<#list fileList as item>
      			<script src="../${item}?v=${Version}"></script>
      		</#list>
      	</#if>
	</@FileList>
	<@FileList dir="water/common" >
	 	<#if fileList??>
      		<#list fileList as item>
      			<script src="../${item}?v=${Version}"></script>
      		</#list>
      	</#if>
	</@FileList>
	<@FileList dir="water/entity" >
	 	<#if fileList??>
      		<#list fileList as item>
      			<script src="../${item}?v=${Version}"></script>
      		</#list>
      	</#if>
	</@FileList>
		<@FileList dir="water/apps/WasteWater" >
	 	<#if fileList??>
      		<#list fileList as item>
      			<script src="../${item}?v=${Version}"></script>
      		</#list>
      	</#if>
	</@FileList> -->
	<!-- 视频js -->
 	<script src="${wdpjsRootPath}/wdp/ws/webVideoCtrl.js?v=${Version}"></script>
	<script>
	$(function(){
		$("#legendbtn").bind("click",function(){
			$(".Waterlegend").toggle(1000);
		});
		
		$(".full_screen").toggle(function(){
	        $("body").css({"background-image":"none"});
	        $(".zs-side").stop().animate({"width":"0px"},100, function() {
	        	 $(".zs-content").stop().animate({"margin-left":"0px"}, 100,function(){
	                	if(!$("#zs_gis").is(":hidden")){
	                		widowResizeEventHandler(true);
		                	map.resize(true);
							map.reposition();
	                	}
	                });
	                $(this).removeClass('opened').addClass('closed');
	                $(".zs-side").hide();
	                $('.zs-gis-tool').css("right","20px");
	        });
	    },function(){
	    	var _widthOff;
			
			if(typeof widthOff != "undefined" && widthOff != null && widthOff != 0 && widthOff != ""){
				_widthOff = widthOff;
			}
			else{
				_widthOff = 324;
			}
	        $(".zs-content").stop().animate({"margin-left":_widthOff}, 100, function(){
	        	if(!$("#zs_gis").is(":hidden")){
            		widowResizeEventHandler(false);
                	map.resize(true);
					map.reposition();
            	}
	        	$("body").removeAttr("style");
                $(".zs-side").stop().animate({"width":_widthOff},100);
                $(this).removeClass('closed').addClass('opened');
                $(".zs-side").show();
                $('.zs-gis-tool').css("right","354px");
	        });
	    })
	});
	
	function widowResizeEventHandler(isFull) {
		var Window_H = $(window).height();
		var Window_W = $(window).width();
		var Map_H , Map_W;
		var _widthOff;
		
		if(typeof widthOff != "undefined" && widthOff != null && widthOff != 0 && widthOff != ""){
			_widthOff = widthOff;
		}
		else{
			_widthOff = 324;
		}
		
		Map_W = Window_W;
		
		if(isFull){
			Map_H = Window_H;
			$(".top_menu").hide();
			$(".zs-top").hide();
		}else{
			Map_H = Window_H - 90 - 35;
			$(".top_menu").show();
			$(".zs-top").show();
		}
		Map_H = Map_H;
		window.isWisthFull = isFull;
		window.Map_H = Map_H;
		window.Map_W = Map_W;
		$("div#zs_gis").css({
			height : Map_H + "px",
			width : Map_W + "px"
		});
		$("div#arcMap").css({
			height : Map_H + "px",
			width : Map_W + "px"
		});
		$("div[ui-view='model']").css({
			height : Map_H + "px"
		});
		$("div#arcMap").find('.container').css({
			height : Map_H + "px",
			width : Map_W + "px"
		});
		map.resize();
		map.reposition();
	}
	
	function imgShow(_this){
        var src = _this.attr("src");
        $("#bigimg").attr("src", src);
        $("<img/>").attr("src", src).load(function(){
            var windowW = $(window).width();
            var windowH = $(window).height();
            var realWidth = this.width;
            var realHeight = this.height;
            var imgWidth, imgHeight;
            var scale = 0.8;
             
            if(realHeight>windowH*scale) {
                imgHeight = windowH*scale;
                imgWidth = imgHeight/realHeight*realWidth;
                if(imgWidth>windowW*scale) {
                    imgWidth = windowW*scale;
                }
            } else if(realWidth>windowW*scale) {
                imgWidth = windowW*scale;
                imgHeight = imgWidth/realWidth*realHeight;
            } else {
                imgWidth = realWidth;
                imgHeight = realHeight;
            }
            $("#bigimg").css("width",imgWidth);
             
            var w = (windowW-imgWidth)/2;
            var h = (windowH-imgHeight)/2;
            $("#innerdiv").css({"top":h, "left":w});
            $("#outerdiv").fadeIn("fast");
        });
    }
	function imgShowUrl(src){
        $("#bigimg").attr("src", src);
        $("<img/>").attr("src", src).load(function(){
            var windowW = $(window).width();
            var windowH = $(window).height();
            var realWidth = this.width;
            var realHeight = this.height;
            var imgWidth, imgHeight;
            var scale = 0.8;
             
            if(realHeight>windowH*scale) {
                imgHeight = windowH*scale;
                imgWidth = imgHeight/realHeight*realWidth;
                if(imgWidth>windowW*scale) {
                    imgWidth = windowW*scale;
                }
            } else if(realWidth>windowW*scale) {
                imgWidth = windowW*scale;
                imgHeight = imgWidth/realWidth*realHeight;
            } else {
                imgWidth = realWidth;
                imgHeight = realHeight;
            }
            $("#bigimg").css("width",imgWidth);
             
            var w = (windowW-imgWidth)/2;
            var h = (windowH-imgHeight)/2;
            $("#innerdiv").css({"top":h, "left":w});
            $("#outerdiv").fadeIn("fast");
        });
    }
	
	
	$.ajaxSetup({
		type:"POST",
		dataType:"json",
		error:function(jqXHR,textStatus,errorThrown){
			//$.messager.alert("错误",jqXHR.responseText,"error");
		}
	});
	</script>

</head>